<template>
  <input type="text" :value="title.name" @input="updateTitle">
  <input type="text" :value="title.age" @input="updateAge">
</template>

<script setup>
// 子组件应该有一个 title prop，并在变更时向父组件发射 update:title 事件
const props = defineProps(['title'])
const emit = defineEmits(['update:title'])
console.log(props);
function updateTitle(e) {
  console.log(props);
  emit('update:title', {
    name: e.target.value,
    age: props.age
  })
}
function updateAge(e) {
  emit('update:title', {
    name: props.name,
    age: e.target.value
  })
}
</script>

<style scoped>

</style>